<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>信任和验证</title>
  <link rel="stylesheet" href="../js/bootstrap-3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/edit_personage.css">
</head>
<body>
<header class="header">
  <div class="logo-box"><img src="../images/logo.png" alt=""></div>
  <ul class="nav">
    <li>手机端</li>
    <li>发布房源</li>
    <li>故事</li>
    <li>消息</li>
    <li>帮助</li>
    <li onclick="personageFn()"><img class="img-circle" src="https://z1.muscache.cn/im/pictures/user/0eecd210-2706-4f2e-9785-c13cf77594b9.jpg?aki_policy=profile_small" style="width: 28px;height: 28px;"  alt=""></li>
    <!--<li>注册</li>
    <li>登录</li>-->
  </ul>
</header>
<div class="personBox">
  <div class="personageBox">
    <ul>
      <li><a href="./edit_personage.html">编辑个人资料</a></li>
    </ul>
  </div>
</div>
<div class="container-fluid max-w1080" style="margin-top: 24px;">
  <div class="row">
    <div class="col-xs-3 leftContent">
      <ul>
        <li><a href="edit_personage.html">编辑个人资料</a></li>
        <li><a href="edit_portrait.html">照片</a></li>
        <li><a href="edit_verification.html" class="active">信任和验证</a></li>
        <li><a href="edit_evaluate.html">评价</a></li>
      </ul>
      <a href="personage.html" class="lookOver">查看个人资料</a>
    </div>
    <div class="col-xs-9 rightContent">

      <div style="margin-bottom:24px" data-reactroot="">
        <div class="_16tcko6">
          <div class="_wahwbs">
            <h5 class="_1l2otah">
              <span>30秒完成“芝麻信用”实名验证</span></h5>
            <div class="_1b2af1e">
              <div>
                <span>实名验证会让您和房东更信任彼此，让每个人更安心地使用爱彼迎。请放心，其他用户不会看到您的身份信息。使用支付宝“芝麻信用”进行验证，手机扫码30秒即可完成。</span>
              </div>
            </div>
            <div class="_1sxf8o1">
              <button type="button" class="_swd4pa9" aria-busy="false">
          <span class="_1bilmct2">
            <span>使用支付宝验证</span></span>
              </button>
            </div>
          </div>
          <img class="_fe6v5q" alt="Zhima Pass Slogan" src="https://z1.muscache.cn/airbnb/static/china/user_profile_zhima_pass_verification/zhima_pass_slogan-bd47161565ef653447fb22b0e99e1e9f.jpeg"></div>
      </div>

      <div class="panel">
        <div class="panel-header">您已验证的信息</div>
        <div class="panel-body">
          <h4 class="panelTit">电子邮件地址</h4>
          <p class="description">您已经确认您的电子邮件地址为：<b>568586426@qq.com</b>。已确认的电子邮件地址非常重要，因为它能够让我们与您进行安全的沟通。</p>
        </div>
      </div>
      <div class="panel">
        <div class="panel-header">社交平台账号</div>
        <div class="panel-body">
          <ul>
            <li class="unverified space-4 clearfix">
              <h4 class="panelTit">身份证</h4>
              <div class="_1wmk9kk">
                <div class="_sr _sr159nc">
                  <p><span>实名验证帮助用户之间建立信任，让每个人更安心地使用我们的服务。请放心，其他房东或房客不会看到您的身份信息。</span></p>
                </div>
                <div class="_sr _5sr22ac">
                  <div class="connection-button">
                    <a href="">
                      <div class="_bqmp19">
                        <span>上传</span>
                      </div>
                    </a>
                  </div>
                </div>
                <div class="_1skdb5kd"></div>
              </div>
            </li>
            <!-- 手机号 -->
            <li class="unverified space-4 clearfix">
              <h4 class="panelTit">手机号</h4>
              <p class="description">使用经过验证的手机号可以令沟通变得更容易。我们将通过短信给您发送代码，或透过电话通话向您告知该代码。输入代码以确认您的身份。</p>
              <p class="description">只有在您的预订确认后，我们才会把您的电话号码与另一位爱彼迎用户分享。</p>
              <div class="clearfix" id="phone-number">
                <div class="phone-numbers-container">
                  <div class="phone-numbers-hide-during-verify">
                    <div class="no-phone-numbers">
                      <p>未输入手机号</p>
                    </div>
                    <table class="phone-numbers-table" cellspacing="0" cellpadding="0">
                    </table>
                    <a class="add link-icon" href="javascript:void(0)">
                      <i class="icon icon-add"></i>
                      <span class="link-icon__text" onclick="addPhoneFn()">添加手机号</span>
                    </a>
                  </div>
                  <div class="phone-number-verify-widget" style="display: none;">
                    <p class="pnaw-verification-error"></p>
                    <div class="pnaw-step1">
                      <div class="phone-number-input-widget" id="phone-number-input-widget-29894093">
                        <label for="phone_country">选择国家/地区:</label>
                        <div class="select">
                          <select id="phone_country" name="phone_country"><option value="CG" data-prefix="242">刚果</option><option value="CD" data-prefix="243">刚果民主共和国</option><option value="XK" data-prefix="383">科索沃</option><option value="MK" data-prefix="389">马其顿</option><option value="AL" data-prefix="355">阿尔巴尼亚</option><option value="DZ" data-prefix="213">阿尔及利亚</option><option value="AF" data-prefix="93">阿富汗</option><option value="AR" data-prefix="54">阿根廷</option><option value="AE" data-prefix="971">阿拉伯联合酋长国</option><option value="AW" data-prefix="297">阿鲁巴</option><option value="OM" data-prefix="968">阿曼</option><option value="AZ" data-prefix="994">阿塞拜疆</option><option value="EG" data-prefix="20">埃及</option><option value="ET" data-prefix="251">埃塞俄比亚</option><option value="IE" data-prefix="353">爱尔兰</option><option value="EE" data-prefix="372">爱沙尼亚</option><option value="AD" data-prefix="376">安道尔</option><option value="AO" data-prefix="244">安哥拉</option><option value="AI" data-prefix="1">安圭拉</option><option value="AG" data-prefix="1">安提瓜和巴布达</option><option value="AT" data-prefix="43">奥地利</option><option value="AX" data-prefix="358">奥兰群岛</option><option value="AU" data-prefix="61">澳大利亚</option><option value="MO" data-prefix="853">澳门</option><option value="BB" data-prefix="1">巴巴多斯</option><option value="PG" data-prefix="675">巴布亚新几内亚</option><option value="BS" data-prefix="1">巴哈马</option><option value="PK" data-prefix="92">巴基斯坦</option><option value="PY" data-prefix="595">巴拉圭</option><option value="PS" data-prefix="970">巴勒斯坦领土</option><option value="BH" data-prefix="973">巴林</option><option value="PA" data-prefix="507">巴拿马</option><option value="BR" data-prefix="55">巴西</option><option value="BY" data-prefix="375">白俄罗斯</option><option value="BM" data-prefix="1">百慕大</option><option value="BG" data-prefix="359">保加利亚</option><option value="MP" data-prefix="1">北马里亚纳群岛</option><option value="BJ" data-prefix="229">贝宁</option><option value="BE" data-prefix="32">比利时</option><option value="IS" data-prefix="354">冰岛</option><option value="PR" data-prefix="1">波多黎各</option><option value="PL" data-prefix="48">波兰</option><option value="BA" data-prefix="387">波斯尼亚和黑塞哥维那</option><option value="BO" data-prefix="591">玻利维亚</option><option value="BZ" data-prefix="501">伯利兹</option><option value="BW" data-prefix="267">博茨瓦纳</option><option value="BT" data-prefix="975">不丹</option><option value="BF" data-prefix="226">布基纳法索</option><option value="BI" data-prefix="257">布隆迪</option><option value="GQ" data-prefix="240">赤道几内亚</option><option value="DK" data-prefix="45">丹麦</option><option value="DE" data-prefix="49">德国</option><option value="TL" data-prefix="670">东帝汶</option><option value="TG" data-prefix="228">多哥</option><option value="DM" data-prefix="1">多米尼加</option><option value="DO" data-prefix="1">多米尼加共和国</option><option value="RU" data-prefix="7">俄罗斯</option><option value="EC" data-prefix="593">厄瓜多尔</option><option value="ER" data-prefix="291">厄立特里亚</option><option value="FR" data-prefix="33">法国</option><option value="FO" data-prefix="298">法罗群岛</option><option value="PF" data-prefix="689">法属波利尼西亚</option><option value="GF" data-prefix="594">法属圭亚那</option><option value="MF" data-prefix="590">法属圣马丁</option><option value="VA" data-prefix="379">梵蒂冈</option><option value="PH" data-prefix="63">菲律宾</option><option value="FJ" data-prefix="679">斐济</option><option value="FI" data-prefix="358">芬兰</option><option value="CV" data-prefix="238">佛得角</option><option value="FK" data-prefix="500">福克兰群岛（马尔维纳斯群岛）</option><option value="GM" data-prefix="220">冈比亚</option><option value="CO" data-prefix="57">哥伦比亚</option><option value="CR" data-prefix="506">哥斯达黎加</option><option value="GD" data-prefix="1">格林纳达</option><option value="GL" data-prefix="299">格陵兰</option><option value="GE" data-prefix="995">格鲁吉亚</option><option value="GG" data-prefix="44">根西岛</option><option value="CU" data-prefix="53">古巴</option><option value="GP" data-prefix="590">瓜德罗普岛</option><option value="GU" data-prefix="1">关岛</option><option value="GY" data-prefix="592">圭亚那</option><option value="KZ" data-prefix="7">哈萨克斯坦</option><option value="HT" data-prefix="509">海地</option><option value="KR" data-prefix="82">韩国</option><option value="NL" data-prefix="31">荷兰</option><option value="BQ" data-prefix="599">荷兰加勒比</option><option value="SX" data-prefix="1">荷属圣马丁</option><option value="ME" data-prefix="382">黑山共和国</option><option value="HN" data-prefix="504">洪都拉斯</option><option value="KI" data-prefix="686">基里巴斯</option><option value="DJ" data-prefix="253">吉布提</option><option value="KG" data-prefix="996">吉尔吉斯斯坦</option><option value="GN" data-prefix="224">几内亚</option><option value="GW" data-prefix="245">几内亚比绍</option><option value="CA" data-prefix="1">加拿大</option><option value="GH" data-prefix="233">加纳</option><option value="GA" data-prefix="241">加蓬</option><option value="KH" data-prefix="855">柬埔寨</option><option value="CZ" data-prefix="420">捷克共和国</option><option value="ZW" data-prefix="263">津巴布韦</option><option value="CM" data-prefix="237">喀麦隆</option><option value="QA" data-prefix="974">卡塔尔</option><option value="KY" data-prefix="1">开曼群岛</option><option value="CC" data-prefix="61">科科斯群岛</option><option value="KM" data-prefix="269">科摩罗</option><option value="KW" data-prefix="965">科威特</option><option value="HR" data-prefix="385">克罗地亚</option><option value="KE" data-prefix="254">肯尼亚</option><option value="CK" data-prefix="682">库克群岛</option><option value="CW" data-prefix="599">库拉索</option><option value="LV" data-prefix="371">拉脱维亚</option><option value="LS" data-prefix="266">莱索托</option><option value="LA" data-prefix="856">老挝</option><option value="LB" data-prefix="961">黎巴嫩</option><option value="LT" data-prefix="370">立陶宛</option><option value="LR" data-prefix="231">利比里亚</option><option value="LY" data-prefix="218">利比亚</option><option value="LI" data-prefix="423">列支敦士登</option><option value="RE" data-prefix="262">留尼汪</option><option value="LU" data-prefix="352">卢森堡</option><option value="RW" data-prefix="250">卢旺达</option><option value="RO" data-prefix="40">罗马尼亚</option><option value="MG" data-prefix="261">马达加斯加</option><option value="MV" data-prefix="960">马尔代夫</option><option value="MT" data-prefix="356">马耳他</option><option value="MW" data-prefix="265">马拉维</option><option value="MY" data-prefix="60">马来西亚</option><option value="ML" data-prefix="223">马里</option><option value="MH" data-prefix="692">马绍尔群岛</option><option value="MQ" data-prefix="596">马提尼克</option><option value="YT" data-prefix="262">马约特</option><option value="IM" data-prefix="44">曼岛</option><option value="MU" data-prefix="230">毛里求斯</option><option value="MR" data-prefix="222">毛里塔尼亚</option><option value="US" data-prefix="1">美国</option><option value="AS" data-prefix="1">美属萨摩亚</option><option value="VI" data-prefix="1">美属维京群岛</option><option value="MN" data-prefix="976">蒙古</option><option value="MS" data-prefix="1">蒙塞拉特</option><option value="BD" data-prefix="880">孟加拉国</option><option value="PE" data-prefix="51">秘鲁</option><option value="FM" data-prefix="691">密克罗尼西亚联邦</option><option value="MM" data-prefix="95">缅甸</option><option value="MD" data-prefix="373">摩尔多瓦</option><option value="MA" data-prefix="212">摩洛哥</option><option value="MC" data-prefix="377">摩纳哥</option><option value="MZ" data-prefix="258">莫桑比克</option><option value="MX" data-prefix="52">墨西哥</option><option value="NA" data-prefix="264">纳米比亚</option><option value="ZA" data-prefix="27">南非</option><option value="GS" data-prefix="500">南乔治亚岛和南桑威齐群岛</option><option value="SS" data-prefix="211">南苏丹</option><option value="NR" data-prefix="674">瑙鲁</option><option value="NI" data-prefix="505">尼加拉瓜</option><option value="NP" data-prefix="977">尼泊尔</option><option value="NE" data-prefix="227">尼日尔</option><option value="NG" data-prefix="234">尼日利亚</option><option value="NU" data-prefix="683">纽埃</option><option value="NO" data-prefix="47">挪威</option><option value="NF" data-prefix="672">诺福克岛</option><option value="PW" data-prefix="680">帕劳</option><option value="PN" data-prefix="64">皮特凯恩群岛</option><option value="PT" data-prefix="351">葡萄牙</option><option value="JP" data-prefix="81">日本</option><option value="SE" data-prefix="46">瑞典</option><option value="CH" data-prefix="41">瑞士</option><option value="SV" data-prefix="503">萨尔瓦多</option><option value="WS" data-prefix="685">萨摩亚</option><option value="RS" data-prefix="381">塞尔维亚</option><option value="SL" data-prefix="232">塞拉利昂</option><option value="SN" data-prefix="221">塞内加尔</option><option value="CY" data-prefix="357">塞浦路斯</option><option value="SC" data-prefix="248">塞舌尔</option><option value="SA" data-prefix="966">沙特阿拉伯</option><option value="BL" data-prefix="590">圣巴泰勒米</option><option value="CX" data-prefix="61">圣诞岛</option><option value="ST" data-prefix="239">圣多美和普林西比</option><option value="SH" data-prefix="290">圣赫勒拿</option><option value="KN" data-prefix="1">圣基茨和尼维斯</option><option value="LC" data-prefix="1">圣卢西亚</option><option value="SM" data-prefix="378">圣马力诺</option><option value="PM" data-prefix="508">圣皮埃尔和密克隆群岛</option><option value="VC" data-prefix="1">圣文森特和格林纳丁斯</option><option value="LK" data-prefix="94">斯里兰卡</option><option value="SK" data-prefix="421">斯洛伐克</option><option value="SI" data-prefix="386">斯洛文尼亚</option><option value="SJ" data-prefix="47">斯瓦尔巴特和扬马延</option><option value="SZ" data-prefix="268">斯威士兰</option><option value="SR" data-prefix="597">苏里南</option><option value="SB" data-prefix="677">所罗门群岛</option><option value="SO" data-prefix="252">索马里</option><option value="TJ" data-prefix="992">塔吉克斯坦</option><option value="TW" data-prefix="886">台湾</option><option value="TH" data-prefix="66">泰国</option><option value="TZ" data-prefix="255">坦桑尼亚</option><option value="TO" data-prefix="676">汤加</option><option value="TC" data-prefix="1">特克斯和凯科斯群岛</option><option value="TT" data-prefix="1">特立尼达和多巴哥</option><option value="TN" data-prefix="216">突尼西亞</option><option value="TV" data-prefix="688">图瓦卢</option><option value="TR" data-prefix="90">土耳其</option><option value="TM" data-prefix="993">土库曼斯坦</option><option value="TK" data-prefix="690">托克劳</option><option value="WF" data-prefix="681">瓦利斯和富图纳</option><option value="VU" data-prefix="678">瓦努阿图</option><option value="GT" data-prefix="502">危地马拉</option><option value="VE" data-prefix="58">委内瑞拉</option><option value="BN" data-prefix="673">文莱</option><option value="UG" data-prefix="256">乌干达</option><option value="UA" data-prefix="380">乌克兰</option><option value="UY" data-prefix="598">乌拉圭</option><option value="UZ" data-prefix="998">乌兹别克斯坦</option><option value="GR" data-prefix="30">希腊</option><option value="ES" data-prefix="34">西班牙</option><option value="EH" data-prefix="212">西撒哈拉</option><option value="HK" data-prefix="852">香港</option><option value="CI" data-prefix="225">象牙海岸</option><option value="SG" data-prefix="65">新加坡</option><option value="NC" data-prefix="687">新喀里多尼亚</option><option value="NZ" data-prefix="64">新西兰</option><option value="HU" data-prefix="36">匈牙利</option><option value="JM" data-prefix="1">牙买加</option><option value="AM" data-prefix="374">亚美尼亚</option><option value="YE" data-prefix="967">也门</option><option value="IQ" data-prefix="964">伊拉克</option><option value="IL" data-prefix="972">以色列</option><option value="IT" data-prefix="39">意大利</option><option value="IN" data-prefix="91">印度</option><option value="ID" data-prefix="62">印度尼西亚</option><option value="GB" data-prefix="44">英国</option><option value="VG" data-prefix="1">英属维京群岛</option><option value="IO" data-prefix="246">英属印度洋领地</option><option value="JO" data-prefix="962">约旦</option><option value="VN" data-prefix="84">越南</option><option value="ZM" data-prefix="260">赞比亚</option><option value="JE" data-prefix="44">泽西岛</option><option value="TD" data-prefix="235">乍得</option><option value="GI" data-prefix="350">直布罗陀</option><option value="CL" data-prefix="56">智利</option><option value="CF" data-prefix="236">中非共和国</option><option value="CN" data-prefix="86" selected="selected">中国</option></select>
                        </div>
                        <label for="phone_number">添加手机号：</label>
                        <div class="pniw-number-container clearfix">
                          <div class="pniw-number-prefix">+86</div>
                          <input type="tel" class="pniw-number" id="phone_number">
                        </div>
                        <input type="hidden" data-role="phone_number" name="phone" value="86">
                        <input type="hidden" name="user_id" value="184021841">
                      </div>
                      <div class="pnaw-verify-container">
                        <a class="btn btn-primary" href="#" rel="sms">通过短信验证</a>
                        <a class="btn btn-primary" href="#" rel="call">通过电话验证</a>
                      </div>
                    </div>
                    <!-- 短信验证 -->
                    <div class="pnaw-step2" style="display: none">
                      <p class="message"></p>
                      <label for="phone_number_verification">请输入4位数验证码：</label>
                      <input type="text" pattern="[0-9]*" id="phone_number_verification">

                      <div class="pnaw-verify-container">
                        <a class="btn btn-primary" href="#" rel="verify">验证</a>
                        <a class="cancel" rel="cancel" href="#">取消</a>
                      </div>
                      <p class="cancel-message">如果您没有收到验证码，请点击取消，然后尝试电话验证。</p>
                    </div>
                  </div>

                </div>
              </div>
            </li>
            <!-- facebook -->
            <li class="facebook unverified space-4 clearfix">
              <h4>Facebook</h4>
              <div class="_1wmk9kk">
                <div class="_sr _sr159nc">
                  <p class="description verification-text-description">通过Facebook登录，建立您与世界各地的房东和房客之间的信任关系。</p>
                </div>
                <div class="_sr _5sr22ac">
                  <div class="connect-button">
                    <a href="" class="btn btn-block large facebook-button" >关联</a>
                  </div>
                </div>
              </div>
            </li>

          </ul>
        </div>
      </div>



    </div>
  </div>
</div>

<footer class="footer">
  <div class="_2h22gn">
    <div class="footer-box">
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
      <section class="list">
        <div class="list-con">
          <h4 class="f-tit">爱彼迎</h4>
          <ul>
            <li><a href="#">工作机会</a></li>
            <li><a href="#">新闻</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
            <li><a href="#">政策</a></li>
          </ul>
        </div>
      </section>
    </div>
  </div>
</footer>
</body>
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script>
  function personageFn(){
    $(".personBox").fadeToggle(10);
  }
  function addPhoneFn(){
    $(".phone-number-verify-widget").slideToggle();
  }
</script>
</html>
